<template>
  <div>
    <Dogs 
    v-for="(item,index) in list"
    :key="index"
    :imgurl="item.dogImgUrl"
    :dogname="item.dogName"
    />
  </div>
</template>

<script>
import Dogs from "./components/Dogs.vue";
export default {
components : {
Dogs
},
data () {
  return {
    list : [
    {
        dogImgUrl:
        "https://i02piccdn.sogoucdn.com/9ab94b6efe90e572",
        dogName: "雪山送别",
    },
    {
        dogImgUrl:
        "https://i03piccdn.sogoucdn.com/a63ee69cae7adc13",
        dogName: "情书",
    },
    {
        dogImgUrl:
        "https://i04piccdn.sogoucdn.com/ddbcac4d8070416d",
        dogName: "call me by your name",
    },
    {
        dogImgUrl:
        "https://i02piccdn.sogoucdn.com/7f1a2b73d31c2c9c",
        dogName: "爱宇日俱增",
    },
    {
        dogImgUrl:
        "https://i03piccdn.sogoucdn.com/1d1175484fb2fcec",
        dogName: "有害诗篇",
    },
    {
        dogImgUrl:
        "https://i02piccdn.sogoucdn.com/59fc4494f2b3cc79",
        dogName: "定情作",
    },
]
  }
}
}
</script>

<style>

</style>